﻿<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>主页</title>
    <meta charset="utf-8" />

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="full-screen" content="true" />
    <meta name="screen-orientation" content="portrait" />
    <meta name="x5-fullscreen" content="true" />
    <meta name="360-fullscreen" content="true" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

    <link href="assets/vendors/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="assets/vendors/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" />
    <link href="assets/vendors/bootstrap/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />


    <link href="assets/vendors/animate.css/animate.css" rel="stylesheet" />
    <link href="assets/vendors/fonts/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" />
    <link href="assets/vendors/fonts/flaticon/css/flaticon.css" rel="stylesheet" />
    <link href="assets/vendors/fonts/line-awesome/css/line-awesome.min.css" rel="stylesheet" />

    <link href="assets/css/app.css" rel="stylesheet" />
    <link href="assets/css/dark-theme.css" rel="stylesheet" />

    <link href="assets/css/swiper.css" rel="stylesheet">

    <script src="assets/js/jquery/jquery.min.js"></script>
    <script src="assets/js/jquery.easing/jquery.easing.min.js"></script>
    <script src="assets/js/jquery.cookie.js"></script>
    <script src="assets/vendors/scrollbar/jquery.mousewheel.min.js"></script>

    <script src="assets/vendors/bootstrap/js/bootstrap.js"></script>
    <script src="assets/vendors/bootstrap/js/bootstrap-datetimepicker.min.js"></script>
    <script src="assets/vendors/bootstrap/js/bootstrap-datetimepicker.zh-CN.js"></script>

    <script src="assets/js/echarts.js"></script>

    <!--自定义滚动条-->
    <link href="assets/vendors/scrollbar/jquery.mCustomScrollbar.css" rel="stylesheet" />
    <script src="assets/vendors/scrollbar/jquery.mCustomScrollbar.js"></script>


</head>

<body>
    <section id="wrapper" class="full-screen page-index">
        <!--页面头部-->
        <section id="header">
            <div class="brand">
                <div class="logo">
                    智能云镜
                </div>
                <div class="menutool">
                    <i class="fa fa-align-right"></i>
                </div>
            </div>

            <div class="header-nav">
                <ul id="userinfo">
                    <li class="user-face">
                        <img src="assets/images/users/100_1.jpg" />
                    </li>
                    <li class="username">Admin</li>
                    <li class="logout" id="logout"><i class="flaticon-logout"></i></li>
                    <li class="systemdate"></li>
                </ul>
                <ul id="quick-nav"></ul>
            </div>
        </section>
        <section id="desktop">
            <!--左边栏-->
            <section id="aside-left" class="">
                <div class="aside-menu">
                    <ul class="dorpdown-submenu">
                        <li class="menu-item">
                            <a href="index.html" class="menu-link">
                                <i class="fa fa-home item-icon"></i>
                                <span class="menu-text">主页</span>
                            </a>
                        </li>
                        <li class="menu-section">
                            <h5 class="menu-section-text">您的菜单</h5>
                        </li>
                        <li class="has-sub-menu">
                            <a class="menu-link">
                                <i class="fa fa-users item-icon"></i>
                                <span class="menu-text">账户</span>
                                <i class="fa fa-angle-right item-angle"></i>
                            </a>
                            <ul class="sub-menu">
                                <li class="menu-item active">
                                    <a href="account" class="menu-link">
                                        <i class="item-icon">
                                            <span class="item-dot"></span>
                                        </i>
                                        <span class="menu-text">账户管理</span>
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a href="accountgroup" class="menu-link">
                                        <i class="item-icon">
                                            <span class="item-dot"></span>
                                        </i>
                                        <span class="menu-text">账户组别</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="has-sub-menu">
                            <a class="menu-link">
                                <i class="fa fa-rocket item-icon"></i>
                                <span class="menu-text">代理商</span>
                                <i class="fa fa-angle-right item-angle"></i>
                            </a>
                            <ul class="sub-menu">
                                <li class="menu-item">
                                    <a href="agent" class="menu-link">
                                        <i class="item-icon">
                                            <span class="item-dot"></span>
                                        </i>
                                        <span class="menu-text">代理商管理</span>
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a href="agentgroup.html" class="menu-link">
                                        <i class="item-icon">
                                            <span class="item-dot"></span>
                                        </i>
                                        <span class="menu-text">代理商组别</span>
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a href="agentreport" class="menu-link">
                                        <i class="item-icon">
                                            <span class="item-dot"></span>
                                        </i>
                                        <span class="menu-text">数据报告</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="has-sub-menu">
                            <a class="menu-link">
                                <i class="fa fa-puzzle-piece item-icon"></i>
                                <span class="menu-text">设备</span>
                                <i class="fa fa-angle-right item-angle"></i>
                            </a>
                            <ul class="sub-menu">
                                <li class="menu-item">
                                    <a href="device" class="menu-link">
                                        <i class="item-icon">
                                            <span class="item-dot"></span>
                                        </i>
                                        <span class="menu-text">设备管理</span>
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a href="devicegroup" class="menu-link">
                                        <i class="item-icon">
                                            <span class="item-dot"></span>
                                        </i>
                                        <span class="menu-text">设备组管理</span>
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a href="4gtrafficmanager" class="menu-link">
                                        <i class="item-icon">
                                            <span class="item-dot"></span>
                                        </i>
                                        <span class="menu-text">4G流量管理</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="has-sub-menu">
                            <a class="menu-link">
                                <i class="fa fa-video-camera item-icon"></i>
                                <span class="menu-text">视频</span>
                                <i class="fa fa-angle-right item-angle"></i>
                            </a>
                            <ul class="sub-menu">
                                <li class="menu-item">
                                    <a href="videolibrary" class="menu-link">
                                        <i class="item-icon">
                                            <span class="item-dot"></span>
                                        </i>
                                        <span class="menu-text">视频库</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="has-sub-menu">
                            <a class="menu-link">
                                <i class="fa fa-car item-icon"></i>
                                <span class="menu-text">车辆</span>
                                <i class="fa fa-angle-right item-angle"></i>
                            </a>
                            <ul class="sub-menu">
                                <li class="menu-item">
                                    <a href="cardata" class="menu-link">
                                        <i class="item-icon">
                                            <span class="item-dot"></span>
                                        </i>
                                        <span class="menu-text">数据报表</span>
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a href="carevent" class="menu-link">
                                        <i class="item-icon">
                                            <span class="item-dot"></span>
                                        </i>
                                        <span class="menu-text">事件报表</span>
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a href="carmanage" class="menu-link">
                                        <i class="item-icon">
                                            <span class="item-dot"></span>
                                        </i>
                                        <span class="menu-text">车辆管理</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="has-sub-menu">
                            <a class="menu-link">
                                <i class="fa fa-tasks item-icon"></i>
                                <span class="menu-text">任务</span>
                                <i class="fa fa-angle-right item-angle"></i>
                            </a>
                            <ul class="sub-menu">
                                <li class="menu-item">
                                    <a href="task.html" class="menu-link">
                                        <i class="item-icon">
                                            <span class="item-dot"></span>
                                        </i>
                                        <span class="menu-text">任务管理</span>
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a href="receipt.html" class="menu-link">
                                        <i class="item-icon">
                                            <span class="item-dot"></span>
                                        </i>
                                        <span class="menu-text">接单管理</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="has-sub-menu">
                            <a class="menu-link">
                                <i class="fa fa-desktop item-icon"></i>
                                <span class="menu-text">运营管理</span>
                                <i class="fa fa-angle-right item-angle"></i>
                            </a>
                            <ul class="sub-menu">
                                <li class="menu-item">
                                    <a href="sn" class="menu-link">
                                        <i class="item-icon">
                                            <span class="item-dot"></span>
                                        </i>
                                        <span class="menu-text">SN管理</span>
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a href="workorder" class="menu-link">
                                        <i class="item-icon">
                                            <span class="item-dot"></span>
                                        </i>
                                        <span class="menu-text">工单管理</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="has-sub-menu">
                            <a class="menu-link">
                                <i class="fa fa-assistive-listening-systems item-icon"></i>
                                <span class="menu-text">系统管理</span>
                                <i class="fa fa-angle-right item-angle"></i>
                            </a>
                            <ul class="sub-menu">
                                <li class="menu-item">
                                    <a href="sysinstall.html" class="menu-link">
                                        <i class="item-icon">
                                            <span class="item-dot"></span>
                                        </i>
                                        <span class="menu-text">系统设置</span>
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a href="adminManage" class="menu-link">
                                        <i class="item-icon">
                                            <span class="item-dot"></span>
                                        </i>
                                        <span class="menu-text">管理员设置</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </section>
            <!--内容容器-->
            <section id="sub-wrapper" class="">
                <div id="sub-content">
                    <div id="sub-header">
                        <div class="sub-title">
                            <h3>主页</h3>
                        </div>
                    </div>
                    <div class="cardshow-content col-xs-12">
                        <div class="row">
                            <div class="card-show col-xs-4 grey-card shortcut">
                                <div class="white-card">
                                    <div class="card-info">
                                        <span class="card-title">快捷方式</span>
                                        <div class="swiper-pagination shortcut-pagination"></div>
                                    </div>
                                    <div class="swiper-container swiper-shortcut">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <div class="shortcut-button">
                                                    <div class="grey-card shortcut-icon">
                                                        <a><i class="fa fa-cogs fa-3x"></i></a>
                                                    </div>
                                                    <div class="grey-card shortcut-icon">
                                                        <a><i class="fa fa-cogs fa-3x"></i></a>
                                                    </div>
                                                    <div class="grey-card shortcut-icon">
                                                        <a><i class="fa fa-cogs fa-3x"></i></a>
                                                    </div>
                                                    <div class="grey-card shortcut-icon">
                                                        <a><i class="fa fa-cogs fa-3x"></i></a>
                                                    </div>

                                                </div>
                                                <div class="shortcut-buttontext">
                                                    <div class="shortcut-text">系统管理</div>
                                                    <div class="shortcut-text">系统管理</div>
                                                    <div class="shortcut-text">系统管理</div>
                                                    <div class="shortcut-text">系统管理</div>
                                                </div>
                                                <div class="shortcut-button">
                                                    <div class="grey-card shortcut-icon">
                                                        <a><i class="fa fa-cogs fa-3x"></i></a>
                                                    </div>
                                                    <div class="grey-card shortcut-icon">
                                                        <a><i class="fa fa-cogs fa-3x"></i></a>
                                                    </div>
                                                    <div class="grey-card shortcut-icon">
                                                        <a><i class="fa fa-cogs fa-3x"></i></a>
                                                    </div>
                                                    <div class="grey-card shortcut-icon">
                                                        <a><i class="fa fa-cogs fa-3x"></i></a>
                                                    </div>

                                                </div>
                                                <div class="shortcut-buttontext">
                                                    <div class="shortcut-text">系统管理</div>
                                                    <div class="shortcut-text">系统管理</div>
                                                    <div class="shortcut-text">系统管理</div>
                                                    <div class="shortcut-text">系统管理</div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="shortcut-button">
                                                    <div class="grey-card shortcut-icon">
                                                        <a><i class="fa fa-cogs fa-3x"></i></a>
                                                    </div>
                                                    <div class="grey-card shortcut-icon">
                                                        <a><i class="fa fa-cogs fa-3x"></i></a>
                                                    </div>
                                                    <div class="grey-card shortcut-icon">
                                                        <a><i class="fa fa-cogs fa-3x"></i></a>
                                                    </div>
                                                    <div class="grey-card shortcut-icon">
                                                        <a><i class="fa fa-cogs fa-3x"></i></a>
                                                    </div>

                                                </div>
                                                <div class="shortcut-buttontext">
                                                    <div class="shortcut-text">系统管理</div>
                                                    <div class="shortcut-text">系统管理</div>
                                                    <div class="shortcut-text">系统管理</div>
                                                    <div class="shortcut-text">系统管理</div>
                                                </div>
                                                <div class="shortcut-button">
                                                    <div class="grey-card shortcut-icon">
                                                        <a><i class="fa fa-cogs fa-3x"></i></a>
                                                    </div>
                                                    <div class="grey-card shortcut-icon">
                                                        <a><i class="fa fa-cogs fa-3x"></i></a>
                                                    </div>
                                                    <div class="grey-card shortcut-icon">
                                                        <a><i class="fa fa-cogs fa-3x"></i></a>
                                                    </div>
                                                    <div class="grey-card shortcut-icon">
                                                        <a><i class="fa fa-cogs fa-3x"></i></a>
                                                    </div>

                                                </div>
                                                <div class="shortcut-buttontext">
                                                    <div class="shortcut-text">系统管理</div>
                                                    <div class="shortcut-text">系统管理</div>
                                                    <div class="shortcut-text">系统管理</div>
                                                    <div class="shortcut-text">系统管理</div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            </div>
                            <div class="card-show col-xs-4 grey-card todolist">
                                <div class="white-card">
                                    <div class="card-info">
                                        <span class="card-title">待办事项</span>
                                        <div class="swiper-pagination todolist-pagination"></div>
                                    </div>
                                    <div class="swiper-container swiper-todolist">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <div class="todolist-button">
                                                    <div class="todolist-icon">
                                                        <a>
                                                            <i class="fa fa-cogs fa-5x"></i>
                                                        </a>
                                                        <span class="todo-span btn">系统管理</span>
                                                    </div>
                                                    <div class="todolist-icon">
                                                        <a><i class="fa fa-cogs fa-5x"></i></a>
                                                        <span class="todo-span btn">系统管理</span>
                                                    </div>
                                                </div>
                                                <div class="todolist-button">
                                                    <div class="todolist-icon">
                                                        <a><i class="fa fa-cogs fa-5x"></i></a>
                                                        <span class="todo-span btn">系统管理</span>
                                                    </div>
                                                    <div class="todolist-icon">
                                                        <a><i class="fa fa-cogs fa-5x"></i></a>
                                                        <span class="todo-span btn">系统管理</span>
                                                    </div>
                                                </div>
                                                
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="todolist-button">
                                                    <div class="todolist-icon">
                                                        <a><i class="fa fa-cogs fa-5x"></i></a>
                                                        <span class="todo-span btn">系统管理</span>
                                                    </div>
                                                    <div class="todolist-icon">
                                                        <a><i class="fa fa-cogs fa-5x"></i></a>
                                                        <span class="todo-span btn">系统管理</span>
                                                    </div>
                                                </div>
                                                
                                                <div class="todolist-button">
                                                    <div class="todolist-icon">
                                                        <a><i class="fa fa-cogs fa-5x"></i></a>
                                                        <span class="todo-span btn">系统管理</span>
                                                    </div>
                                                    <div class="todolist-icon">
                                                        <a><i class="fa fa-cogs fa-5x"></i></a>
                                                        <span class="todo-span btn">系统管理</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            </div>
                            <div class="card-show col-xs-4 grey-card shortcut">
                                <div class="white-card">
                                    <div class="card-info">
                                        <span class="card-title">版本信息</span>
                                    </div>
                                    <div class="system-info"></div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="row">
                            <div class="card-show col-xs-8 grey-card dataoverview">
                                <div class="white-card">
                                    <div class="card-info">
                                        <span class="card-title">数据概览</span>
                                        <div class="swiper-pagination dataoverview-pagination"></div>
                                    </div>
                                    <div class="swiper-container swiper-dataoverview">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <div id="chartOne" class="mainChart">

                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div id="chartTwo" class="mainChart">

                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div id="chartThree" class="mainChart">

                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="card-show col-xs-4 grey-card effectrefort">
                                <div class="white-card">
                                    <div class="card-info">
                                        <span class="card-title">效果报告</span>
                                    </div>
                                    <div class="effectrefort-info"></div>
                                </div>
                            </div>
                            <div class="card-show col-xs-4 grey-card monitoring">
                                <div class="white-card">
                                    <div class="card-info">
                                        <span class="card-title">实时监控</span>
                                    </div>
                                    <div class="monitoring-info"></div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="row">
                            <div class="card-show col-xs-8 grey-card eventlist">
                                <div class="white-card">
                                    <div class="card-info">
                                        <span class="card-title">事件列表</span>
                                    </div>
                                    <div class="table-responsive data-table eventlist-info ">
                                        <table class="table table-striped table-bordered table-hover">
                                            <thead>
                                                <tr>
                                                    <th>ID</th>
                                                    <th>事件</th>
                                                    <th width="200px">事件详情</th>
                                                    <th>处理结果</th>
                                                    <th>处理人</th>
                                                    <th>备注</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>1</td>
                                                    <td>碰撞</td>
                                                    <td>与其他车辆发生碰撞</td>
                                                    <td>处理完成</td>
                                                    <td>张晓丽</td>
                                                    <td>无</td>
                                                </tr>
                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    <td colspan="3" class="">
                                                        <ul class="pagination">
                                                            <li>
                                                                <a href="#" aria-label="Previous">
                                                                    <span aria-hidden="true">&laquo;</span>
                                                                </a>
                                                            </li>
                                                            <li class="active"><a href="#">1</a></li>
                                                            <li><a href="#">2</a></li>
                                                            <li><a href="#">3</a></li>
                                                            <li><a href="#">4</a></li>
                                                            <li><a href="#">5</a></li>
                                                            <li><a href="#">...</a></li>
                                                            <li><a href="#">999</a></li>
                                                            <li>
                                                                <a href="#" aria-label="Next">
                                                                    <span aria-hidden="true">&raquo;</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </td>
                                                    <td colspan="2" class="text-center">
                                                            <div class="table-summary">
                                                                <div class="input-group">
                                                                    <div class="input-group-addon">到第</div>
                                                                    <input type="text" class="form-control" id="goto" placeholder="" style="width:40px;">
                                                                    <div class="input-group-addon">页</div>
                                                                    <span class="input-group-btn">
                                                                        <a class="btn btn-primary" id="gotoPage"><i class="fa fa-arrow-right"></i>确定</a>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td colspan="1" class="text-center">
                                                            共<span id="total-record" class="text-success fa-2x">123456789</span>条记录
                                                        </td>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div class="card-show col-xs-4 grey-card productnews">
                                <div class="white-card">
                                    <div class="card-info">
                                        <span class="card-title">产品动态</span>
                                        <div class="swiper-pagination productnews-pagination"></div>
                                    </div>
                                    <div class="swiper-container swiper-productnews">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                1
                                            </div>
                                            <div class="swiper-slide">
                                                2
                                            </div>
                                            <div class="swiper-slide">
                                                3
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>


                            <div class="card-show col-xs-4 grey-card productnews">
                                <div class="white-card">
                                    <div class="card-info">
                                        <span class="card-title">XXXX</span>
                                    </div>
                                    <div class="lastone">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            </section>

        </section>


    </section>



    <script src="assets/js/app.js"></script>
    <script src="assets/js/swiper.js"></script>
</body>

</html>